/*
	Date Created : 12.15.2009
	Developed By: Webcraft bangladesh
	Email: admin@webcraftbd.com
/* Color: f6d901  */

* {margin:auto; padding: 0;}

body {font-family: "Helvetica", Arial, Verdana, sans-serif;line-height:1.5em;text-decoration:none; font-size: 12px; color: #555; background:#ECEBE6 url(http://giaitrionline.org/files/assets/images/bodybg.gif) repeat-x; overflow-x: hidden;}
h1 a,h2 a,h3 a,h4 a,h5 a {text-decoration: none;}
h1,h2,h3,h4,h5{font-family:'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; margin:0; padding:0;}
h1 {font-size:22px; color:#333; font-style:normal; padding-top:15px;}
h2 {font-size:16px; color:#333; font-style:normal;}
h3 {font-size:15px; color:#333; font-style:normal;}
h4 {font-size:14px; color:#333; font-style:normal;}
h5 {font-size:14px; color:#333; font-style:normal;}
h6 {font-size:14px; color:#333; font-style:normal; margin:5px 0px;}
hr {border:0px; border-top-width: 1px; clear: both; height:0px;}

p, blockquote{margin-bottom: 1.6em; }
blockquote {margin-left: 3em; font-style: italic;}
ol,ul {margin:0px 0px 0px 35px;}



input {border:1px solid #cccccc; background:#ffffff; }
textarea {border:1px solid #cccccc; background:#ffffff; font-style:normal;}
input[type="button"] {border:2px solid #474747; background:#2D2D2D; font-style:normal; color:#dddddd; font-size:11px;}
input[type="button"]:hover {border:2px solid #474747; background:#545454; font-style:normal; color:#dddddd; font-size:11px; cursor:pointer;}


/*a {color: #f6d901; text-decoration:none; border:0px;}
a:hover {color: #F26700; text-decoration:none;}*/

a {color:blue; text-decoration:underline}
a:hover {text-decoration:none;}

a img{
	text-decoration:none;
	border:none;
}

#wrapper{width:1000px; height:auto;}
.more a {color: #f6d901; text-decoration:none;}
.more a:hover {color: #f6d901; text-decoration:underline;}
.clear{clear:both}

#header{width:1000px; height:87px; background:url("http://giaitrionline.org/files/assets/images/header.gif") no-repeat;}
#header .logo{float:left; width:450px; height:52px;}
#header .logo .image {padding:3px 10px 0px 100px; font-family:"Helvetica",Times New Roman, Times, serif; font-size:30px; font-weight:bold;}

#header .logoright{ float:right; width:300px; height:35px; margin:17px 25px auto; background:url(http://giaitrionline.org/files/assets/images/icon_phone_copy.png) no-repeat left;}
.phone{
	padding-top:6px;
	padding-left:25px;
	font-size:1.2em;
	font-weight:bold;
}
#header .search{float:left; width:300px; height:60px; margin:22px 0px 0px 225px;/*background:url("http://giaitrionline.org/files/assets/images/icon_phone_copy.png") no-repeat;*/}

$header .search span{font-size:2em; font-weight:bold;}
#header .search input {float:left; width:150px; height:16px; margin:2px; font-size:14px; background:none; color:#aaaaaa; font-style:italic; text-transform:lowercase; border:0px;}
#header .search	.button a {float:left;  margin:5px 0px 2px 10px; border:0px; width:22px; height:20px;}
#header .search	.button a:hover {float:left;  margin:5px 0px 2px 10px; border:0px; width:22px; height:20px;}


#nav{float:right; width:1000px; height:35px; clear:both;}
#nav .tabs {float:right; height: 28px; width:680px; margin: 7px 0 0 0px; padding:0px 0px 0px 10px;}
.tabs_right {float: right;}
/*#nav .tabs ul {list-style: none; display: inline;}*/
#nav .tabs ul {list-style: none; display: inline;}
/*#nav .tabs li {float:left;}*/
/*#nav .tabs li ul li {float:left}*/
#nav .tabs li a {float: left;display: block;color: #fff;text-decoration: none;font-size: 12px;margin: 0 1px 0 0;padding: 0 0 0 13px;height: 28px;line-height: 27px;text-align: center;cursor: pointer;}
#nav .tabs li a b {float: left;display: block;height: 28px;padding: 0 20px 0 5px;}
#nav .tabs li.current a, #nav .tabs li a:hover {background: url("http://giaitrionline.org/files/assets/images/navleft.png") no-repeat;color: #f6d901;}
#nav .tabs li.current a b, #nav .tabs li a:hover b {background: url("http://giaitrionline.org/files/assets/images/navright.png") right top no-repeat;}



#banner{width:1000px; height:280px; clear:both; background:url("http://giaitrionline.org/files/assets/images/banner.gif") no-repeat; padding-top:30px; color:#FFFFFF;}

#content1 {width:1000px; background:url("http://giaitrionline.org/files/assets/images/middlehome.gif") repeat-y; padding: 5px 0px 8px 0px;}



#content1 .bar2 {float: left; width:100%; margin-left:15px;}
#content1 .bar2 .header {float:left; height:25px; width:auto; padding-top:5px;}
#content1 .bar2 .icons {float:left; height:25px; width:25px;margin:0px 10px 0px 0px;}
#content1 .bar2 .details {float:left; height:auto; width:240px;padding:5px 5px 0px 0px;}

#content1 .bar3 {float:left; width:100%; margin-left:15px;}
#content1 .bar3 .header {float:left; height:25px; width:auto; padding-top:5px;}
#content1 .bar3 .icons {float:left; height:25px; width:25px;margin:0px 10px 0px 0px;}
#content1 .bar3 .details {float:left; height:auto; width:240px;padding:5px 5px 0px 0px;}

#content1 .err{color:#C42B2B;}

/* Bottomcontent */
#bottomcontent {width: 100%; height:210px; padding:10px 0px 0px 68px; margin:0px auto;}

#bottomcontent .whitebox {float:left; width: 100%; height:196px; background:url("http://giaitrionline.org/files/assets/images/rounded.gif") no-repeat; padding:10px 20px 0px 10px;}
#bottomcontent .whitebox .header {float:left; height:30px; width:auto; padding-top:5px;}
#bottomcontent .whitebox .icons {float:left; height:25px; width:25px;margin:0px 10px 0px 0px;}
#bottomcontent .whitebox .details {float:left; padding-left:10px; width:225px; height:145px; overflow:hidden}
.abouturl {float:left; padding-left:10px; width:225px; height:145px; overflow:hidden}
 .testimonialsbox {float:left; width: 270px; height:196px; background:url("http://giaitrionline.org/files/assets/images/bluerounded.gif") no-repeat;  margin-top: 0px; padding:10px 20px 0px 15px; color:#555555;}
 .testimonialsbox .header {float:left; height:30px; width:auto; padding-top:5px;}
 .testimonialsbox .details {float:left; width:240px; height:145px; overflow:hidden;}
 .testimonialsbox .testimonials {float:left; width:240px; height:145px; overflow:hidden;}
 .testimonialsbox .icons {float:left; height:25px; width:25px;margin:0px 10px 0px 0px;}


/* Division topcurve used to get the top curved section of every page Page */
/* Division topcurve used to get the top curved section of every page Page */
#topcurvehome {width: 1000px; height:49px;background: #FFFFFF;  background:url("http://giaitrionline.org/files/assets/images/tophome.png") no-repeat; padding:0px 10px 0px 110px;}
#topcurve {width: 1000px; margin-top:30px;height:10px;background: #FFFFFF;  background:url("http://giaitrionline.org/files/assets/images/top.png") no-repeat; padding:0px 10px 0px 110px;}

/* Division subcontent used on blog.html Page */
#subcontent {width:1000px; padding:10px 10px 0px 0px; background:url("http://giaitrionline.org/files/assets/images/middle.gif") repeat-y;}
img #subcontent {width:auto;margin:5px 10px 0 0;float:left}
 .menulists {margin-left:20px; float:left; width:210px; height:auto;}
  .menulists h3{border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #f6d901;
padding-bottom: 3px;
padding-left: 0px;;
width:120px;
}
#subcontent .menulists ul {list-style:disk; padding:5px 10px 20px 0;}
#subcontent .menulists h2 {height:15px; margin-bottom:10px;  text-transform: Capitalize; letter-spacing: 1px; font-size: 15px; color:#535151;}
#subcontent .menulists a {color: #676767; text-decoration:none;}
/*#subcontent .menulists a:hover {color: #f6d901; text-decoration:none;}*/
#subcontent .menulists a:hover {color: #000000; text-decoration:none;}

#subcontent h1 {font-size:20px; margin-bottom:5px;;}
#subcontent .subcontent {float:left; width:755px; margin-bottom:0px;}
#subcontent .subcontent a {text-decoration: underline;color:#626cef;}
#subcontent .fullcontent {float:left; width:940px; margin-bottom:0px; margin-left:35px;}
#subcontent .fullcontent a {text-decoration: underline;}
#subcontent .subcontent h2 {margin:0;}
#subcontent .subcontent .date {float:left; height:20px; width:auto; background:#efefef; padding:5px; margin:10px 0px; font-size:10px;}
#subcontent .subcontent .next a {float:left; height:15px; width:auto; margin:0px 10px 0px 0px; background:#dddddd; padding:5px;text-align:center; font-size:10px; color:#3B3B3B; border:1px solid #8A8A8A;}
#subcontent .subcontent .selected a {float:left; height:15px; width:auto; margin:0px 10px 0px 0px; background:#3D3D3D; padding:5px;text-align:center; font-size:10px; color:#fff; border:1px solid #8A8A8A; text-decoration:none;}
#subcontent .subcontent .next a:hover{float:left; height:15px; width:auto; margin:0px 10px 0px 0px; background:#3D3D3D; padding:5px;text-align:center; color:#ffffff; font-size:11px; text-decoration:none;}
						   
						   
/* Division Portfolio used on Portfolio.html Page */
#portfolio {width:1000px; padding:10px 0px 0px 90px; background:url("http://giaitrionline.org/files/assets/images/middle.gif") repeat-y;}
#portfolio .boxed {float:left; height:auto; width:250px; margin:0px 25px 15px 0px;}
#portfolio .boxed ul {margin-left: 15px; line-height: 180%;}
#portfolio .boxed li { list-style:none; margin: 10px 0px;}
#portfolio .boxed h3 {height:25px; margin-left:15px; text-transform: Capitalize; letter-spacing: 1px; font-size: 15px; color:#333;}

/* Division Contactus used on cotactus.html Page */
#contactus {width:1000px; padding:5px 10px 10px 100px; background:url("http://giaitrionline.org/files/assets/images/middle.gif") repeat-y;}
#contactus .leftbox {width:300px; height:auto; float:left;}
#contactus .leftbox .followicons{float:left; height:60px; width:60px; margin-top:10px;}
#contactus .rightbox {width:600px; height:auto; float:left;}
#contactus .rightbox h3 {height:15px; margin-bottom:5px;  text-transform: Capitalize; letter-spacing: 1px; font-size: 15px; color:#535151; padding-left:40px;}

/* Division Reg_content used to place form feild on different page*/
#reg_content{width:435px; float:left; margin-top:5px; padding:0px;}
#reg_content2{width:435px; float:left; margin-top:5px; padding:0px;}
#reg_content3{width:435px; float:left; margin-top:5px; padding:0px;}
#reg_content4{width:435px; float:left; margin-top:5px; padding:0px;}
#reg_content5{width:435px; float:left; margin-top:5px; padding:0px;}
.reg_field_name{width: 95px; float:left; margin: 0px; padding:0px;}
.reg_field_value{width: 250px; float:left; margin: 0px; padding:0px;}
.reg_gap{width: 40px; float:left; margin: 0px; padding:0px;}

/* Division bottomcurve used to get the bottom curved section of every page Page */
.bottomcurvehome {width: 1000px; height:19px; background:url("http://giaitrionline.org/files/assets/images/bottomhome.gif") no-repeat; margin:0px 0px 10px 0px;}
.bottomcurvesub {width: 1000px; height:19px; background:url("http://giaitrionline.org/files/assets/images/bottom.gif") no-repeat; margin:0px 0px 10px 0px;}


/* Division Footer used to place the footer section on every pages. */
#footer {width:100%; height:80px; clear:both; background:url("http://giaitrionline.org/files/assets/images/footer.gif") repeat-x; }
#footer a {color: #FFFFFF; text-decoration: none;}
#footer a:hover {color: #f6d901; }
#footer .navigate {float:left; width:100%; height:auto; text-align:center; margin-top:10px; color:#B0B0B0; }
#footer .navigate ul li {display:inline; list-style: none; padding: 0px 10px;}
#footer .copyright {float:left; width:100%; height:auto; text-align:center; margin-top:10px; color:#B0B0B0;}

/*Those Css Coding Used Only For jQuery Lightbox Plugins*/
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img {border: none;}
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image {padding: 10px;}
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;display: block;}
#lightbox-nav-btnPrev {left: 0;float: left;}
#lightbox-nav-btnNext {right: 0;float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;
									line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px;color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%;float: left;text-align: left;}
#lightbox-image-details-caption {font-weight: bold;}
#lightbox-image-details-currentNumber {display: block;clear: left;padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {width: 66px;float: right;padding-bottom: 0.7em;}





/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;position:relative;z-index:1;}
.qmmc .qmdividery{float:left;width:0px;}
.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative;zoom:1;z-index:10;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div{visibility:hidden;position:absolute;}
.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}
.qmmc .qmcbox a{display:inline;}
.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}
.qmmc li {z-index:auto;}
.qmmc ul {left:-10000px;position:absolute;z-index:10;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none;}
.qmmc li:hover>ul{left:auto;}
#qm0 ul {top:100%;}
#qm0 ul li:hover>ul{top:0px;left:100%; background:transparent url(LIK &#7842;NH) no-repeat scroll right center;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/



	/* QuickMenu 0 */

	/*"""""""" (MAIN) Items""""""""*/
	#qm0 a
	{
		padding:2px 40px 5px 10px;
		color:#F9FAFA;
		font-family:Arial;
		font-size:15px;
		text-decoration:none;
		font-weight:normal;
		text-align:left;
		border-width:0;
		border-style:dashed;
		border-color:#9B9B9B;
	}


	/*"""""""" (MAIN) Hover State""""""""*/
	#qm0 a:hover
	{
		color:#F6D901;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/
	#qm0 li:hover>a
	{
		color:#F6D901;
	}


	/*"""""""" (MAIN) Active State""""""""*/
	body #qm0 .qmactive, body #qm0 .qmactive:hover
	{
		color:#F6D901;
		border-color:#F7D57B;
	}


	/*"""""""" (SUB) Container""""""""*/
	#qm0 div, #qm0 ul
	{
		padding:2px 5px 0px;
		margin:0px 0px 0px -1px;
		background-color:#313131;
		border-width:0px 1px 1px;
		border-style:dashed;
		border-color:#F7D57B;
	}


	/*"""""""" (SUB) Items""""""""*/
	#qm0 div a, #qm0 ul a
	{
		padding:6px 15px 6px 5px;
		font-size:14px;
		border-width:0px;
		border-style:none;
	}


	/*"""""""" (SUB) Parent Items""""""""*/
	#qm0 div .qmparent, #qm0 ul .qmparent
	{
		text-decoration:underline;
	}


	/*"""""""" (SUB) Active State""""""""*/
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover
	{
		border-style:none;
	}


	/*"""""""" Individual Titles""""""""*/
	#qm0 .qmtitle
	{
		font-size:13px;
	}


	/*"""""""" Custom Rule""""""""*/
	#nav ul#qm0 ul
	{
		margin:0px 0px 0px -1px;
		position:absolute;
		left:1px;
		display:none;
	}
	#nav ul#qm0 li:hover ul{
		display:block;
	}
	/*"""""""" Custom Rule""""""""*/
	ul#qm0 ul ul
	{
		border-width:1px;

	}

/* breacrumb*/
.full_width	{float:left; width:998px; margin-left:1px;   background: #FFFFFF;}
.sub_width						{float:left; width:800px; }
  p.breadcrumb 								{width:95%; float:left; margin:0px 10px 10px; 0; color:#cccccc; padding-left:25px; font-weight:bold; border-bottom:#F2F2F2 solid 1px}
p a, breadcrumb 							{color:#747373;text-decoration: none;}
p a:hover 									{ /*color:#f6d901;*/ color:#000000;}

/*menu trai */

ul#topnav {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 1.1em;
	width:190px;
}
ul#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	/*height:30px;*/
	height:auto;
	width:160px;
	border-top:#EDEFEF solid 1px;
}
ul#topnav li:first-child{
	border:0;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 5px 6px;
	float: left;
	text-decoration: none;
	color: #fff;
    clear: both;
	width: 100%;
	height: 20px;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:25px;
	font-weight:bold;
	line-height: 16px; /*--Vertical alignment of text--*/
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/

	background-position: left top;
}
ul#topnav span{ /*--Default state of navigation--*/
	color: #747373;
	background:none;
}
.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}

.top_shadow {background:url(http://giaitrionline.org/files/assets/images/borderbg.jpg) no-repeat top; padding:20px 0px 5px 0px;}
.top_shadow p {padding:5px 0px 5px 0px;}
.top_shadow span {width:154px; float:left;}


/*--home--*/
